@import "~common/less/var";

.box {
  display: flex;
  border: 1px solid @border-color;
  margin: @spacer / 2;

  .placeholder,
  .cell {
    padding: @spacer / 4 @spacer / 2;
    @size: 24px;
  }

  .cell {
    border-left: 1px solid @border-color;
    &:first-child {
      border-left: none;
      background:#f4f4f4;
    }
    &:nth-child(2){
      background:#f8f8f8;
    }
    &:nth-child(3){
      overflow: hidden;
      text-overflow: ellipsis;
      width: 80px;
    }
  }
}

.popover {
  position: absolute;
  z-index: @z-index-100;
  background:#ffffff;
  box-shadow:0 0 6px 0 rgba(200,200,200,0.50);
  display: flex;
  flex-direction: row;

  > div {
    border-left: 1px solid lighten(@border-color, 5%);
    &:first-child {
      border-left: none;
    }
  }
}

.actionDetail {
  width: 300px;
}
